<template>
  <div>
    <div class="block">
      <el-carousel height="500px" :interval="4000" type="card">
        <el-carousel-item v-for="item in imagebox" :key="item.id">
          <img :src="item.idView" class="image" style="object-fit:scale-down;width: 100%;height: 100%">
        </el-carousel-item>
      </el-carousel>
    </div>
    <div>
      <ul>
        <li v-for="v in list">
          <div class="module">
            <div style="display: inline-block;" class="text">
              <span style="font-size: xx-large;display: inline-block;margin: 10px">{{ v.name }}</span><br>
              <span style="font-family: '宋体'">{{v.story}}</span>
            </div>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: "WesternFood",
  data() {
    return {
      imagebox: [
        {id: 0, idView: require('../assets/images/x1.jpg')},
        {id: 1, idView: require('../assets/images/x2.jpg')},
        {id: 2, idView: require('../assets/images/x3.jpg')},
        {id: 3, idView: require('../assets/images/x4.jpg')},
        {id: 4, idView: require('../assets/images/x5.jpg')}
      ],
      list:[
        {name:"沸煮",story:"煮是西餐中使用比较广的烹饪方法。是以水传导热的烹饪形式,这种烹饪方法不仅能保持蔬菜原来的颜色，还能充分保留原材料自身的味道及营养成分，使蔬菜具有清淡爽口的特点。如煮土豆，煮菜花，煮胡萝卜等。这实际上就是中餐的焯水，将被烹调的原料在开水或者清汤中暂短烫一下的处理过程。"},
        {name:"油煎",story: "煎是西餐中使用最广泛的烹调方法之一。它是指将原料加工成形后加调料使之入味,再投入油量少(一般浸没一半原料)、油温较高(一般为七八成热)的油锅中加热成熟的一种烹调方法。煎可分为清煎、软煎等。煎应该选用色泽鲜艳，多汁脆嫩的蔬菜，使用少量的油，在扒板或煎锅里制成，如煎土豆片，煎芦笋,煎蘑菇等。但是有些蔬菜在煎制的时候需要粘上面粉后再进行煎制，如煎番茄，煎茄子等。"},
        {name:"焖煮",story:"焖是指将原料初步热加工(一般为过油和着色)后放入焖锅,加入少量沸水或沸汤(一般浸没原料的1/2 或2/3)用微火长时间加热使原料成熟的一种烹调方法。焖应当先把原材料在锅种翻炒后加入各种酱汁或基础汤，用小火熬制。如焖煮甜菜头,焖德国酸椰菜等。"},
        {name:"烘烤",story:"烤是指将原料初步加工成形后,加调味品腌渍使之入味,再放入烤炉或烤箱加热至规定火候并上色的一种烹调方法。烘烤是把原料放如烤箱内，烤制成熟。烤制的蔬菜油自然的香甜味，能保持食物的本身营养。如烤土豆，烤蘑等。"},
        {name:"油炸",story:"油炸是把加工成型的原理，经过调味，再对原料进行挂糊后投入油量多(一般应完全浸没原料)、油温高(七八成热)的油锅中加热成熟的一种烹调方法。炸可分为清炸、面包粉炸、面糊炸等,炸的传热介质是油，传热形式是对流和传到。如炸土豆条，炸薯饼等。"}
      ],
      screenWidth :0
    }
  },
  methods: {}
}
</script>

<style scoped>
.el-carousel__item h3 {
  color: #475669;
  font-size: 14px;
  opacity: 0.75;
  line-height: 150px;
  margin: 0;
}

.block {
  margin-top: 80px;
}

.el-carousel__item:nth-child(2n) {
  background-color: #594C57;
}

.el-carousel__item:nth-child(2n+1) {
  background-color: #32788a;
}

.module{
  display: block;
  width: 90%;
  height: 150px;
  border: solid 2px black;
  margin: 20px;
}

.text{
  width: 85%;
  position: absolute;
}
</style>
